<template>
	<view class="shop">
		<view class="shop_item">
			<view>
				<image class="item_big" src="../static/img/swiper.jpg"></image>
			</view>
			<view>
				<scroll-view scroll-x="true" class="scroll_contxt" >
					<view class="scroll_item">
						<Commondity :dataList="dataList" Warp="no-warp" itemwidth="300rpx" itemheight="250rpx" fontsize="30rpx"></Commondity>
					</view>
				</scroll-view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import Commondity from '@/components/commondity.vue'
	export default {
		name:"shop",
		components:{Commondity},
		props:{
			dataList:{
				type:Array
			},
		},
		data() {
			return {
				scrollList:[{
					id:1,
					imgUrl:require('static/img/scroll.webp'),
					name:'2022爆款时髦女神外套，2022疯狂购',
					pprice:'299',
					oprice:'599',
					del:'5.2'
				},
				{
					id:2,
					imgUrl:require('static/img/scroll1.webp'),
					name:'2022爆款时髦女神外套，2022疯狂购',
					pprice:'299',
					oprice:'599',
					del:'5.2'
				},
				{
					id:3,
					imgUrl:require('static/img/scroll2.webp'),
					name:'2022爆款时髦女神外套，2022疯狂购',
					pprice:'299',
					oprice:'599',
					del:'5.2'
				},
				{
					id:4,
					imgUrl:require('static/img/scroll3.webp'),
					name:'2022爆款时髦女神外套，2022疯狂购',
					pprice:'299',
					oprice:'599',
					del:'5.2'
				},
				{
					id:5,
					imgUrl:require('static/img/scroll4.webp'),
					name:'2022爆款时髦女神外套，2022疯狂购',
					pprice:'299',
					oprice:'599',
					del:'5.2'
				},
				{
					id:6,
					imgUrl:require('static/img/scroll5.webp'),
					name:'2022爆款时髦女神外套，2022疯狂购',
					pprice:'299',
					oprice:'599',
					del:'5.2'
				},
				{
					id:7,
					imgUrl:require('static/img/scroll6.webp'),
					name:'2022爆款时髦女神外套，2022疯狂购',
					pprice:'299',
					oprice:'599',
					del:'5.2'
				}]
				
			}
		}
	}
</script>

<style>
.shop{
	width: 100%;
}
.scroll_contxt{
	width: 100%;
	white-space: nowrap;
	/* #ifdef MP-WEIXIN */
	margin-left: -30rpx;
	/* #endif */
}
.item_big{
	width: 100%;
	height: 250rpx ;
}
.scroll_item{
	display: inline-block;
	
}
</style>